<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/index.css" type="text/css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../iconfont/iconfont/iconfont.css" type="text/css" />
    <script src="../js/flexible.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <section class="header-top">
            <div>
                <input type="text" />
                <a href="#"><i class="iconfont">&#xe686;</i></a>
            </div>
            <div>
                <a href="#"><i class="iconfont">&#xe68e;</i></a>

                <a href="#"><i class="iconfont">&#xe622;</i></a>
            </div>
        </section>
        <section class="header-bottom">
            <ul>
                <li>
                    <a href="#"><i class="iconfont">&#xe631;</i>扫一扫</a>
                </li>
                <li>
                    <a href="#"><i class="iconfont">&#xe60f;</i>付款</a>
                </li>
                <li>
                    <a href="#"><i class="iconfont">&#xe67f;</i>收钱</a>
                </li>
                <li>
                    <a href="#"><i class="iconfont">&#xe631;</i>卡包</a>
                </li>
            </ul>
        </section>
    </header>
    <!-- 主体内容 -->
    <section class="main">
        <!-- 主体上面 -->
        <ul>
            <li>
                <a href="#"><i class="iconfont" style="color:#2eb3e8;">&#xe65d;</i>转账</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#f96268;">&#xec0b;</i>红包</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#f96268;">&#xe62d;</i>余额宝</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#2eb3e8;">&#xe615;</i>手机充值</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#ffb359;">&#xe619;</i
            >信用卡还款</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#36bc99;">&#x361b;</i>芝麻信用</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#ffb359;">&#xe631;</i>滴滴出行</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#f96268;">&#xe7f4;</i>淘票票</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#2eb3e8;">&#xe611;</i>蚂蚁聚宝</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#f96268;">&#xe837;</i>外卖</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#f96268;">&#xe757;</i>天猫</a
          >
        </li>
        <li>
          <a href="#"
            ><i class="iconfont" style="color:#2eb3e8;">&#xf0039;</i>更多</a
          >
        </li>
      </ul>
      <div class="img1">
        <a href="#"><img src="../img/7.png" alt=""/></a>
                </div>
                <div class="pay">
                    <a href="#">惠支付</a>
                    <div>
                        <a href="#"><span
              ><b>免费领汽油</b
              ><b style="margin-top:0.1rem">天天可领不断积累</b></span
            ><img src="../img/1.png" alt=""
          /></a>
                        <a href="#"><span
              ><b>天天有大红包</b
              ><b style="margin-top:0.1rem">付款直接抵扣</b></span
            ><img src="../img/2.png" alt=""
          /></a>
                    </div>
                </div>
                <div class="pay">
                    <a href="#">生活服务</a>
                    <div>
                        <a href="#"><span
              ><b>精选服务推荐</b
              ><b style="margin-top:0.1rem">特价酒店捡漏</b></span
            ><img src="../img/3.png" alt=""
          /></a>
                        <a href="#"><span
              ><b>浙江图书馆</b
              ><b style="margin-top:0.1rem">在线借阅图书</b></span
            ><img src="../img/4.png" alt=""
          /></a>
                    </div>
                </div>
                <div class="must">
                    <a href="#">每日必抢<span>淘宝提供服务</span></a>

                    <div>
                        <a href="#"><img src="../img/lsdlb.jpg" alt="" />
                            <span><b>零食大礼包</b><b>热卖价<i>5.1元</i></b></span
            >
          </a>
          <a href="#"
            ><img src="../img/cp.jpg" alt="" />
            <span
              ><b>床品配饰</b><b>热卖价<i>99.0元</i></b></span
            >
          </a>
          <a href="#"
            ><img src="../img/dmmx.jpg" alt="" />
            <span
              ><b>动漫模型</b><b>热卖价<i>22.8元</i></b></span
            >
          </a>
        </div>
        <div>
          <a href="#"
            ><img src="../img/ss.jpg" alt="" />
            <span
              ><b>时尚饰品</b><b>热卖价<i>28.0元</i></b></span
            >
          </a>
          <a href="#"
            ><img src="../img/pj.jpg" alt="" />
            <span
              ><b>大家电配件</b><b>热卖价<i>34.9元</i></b></span
            >
          </a>
          <a href="#"
            ><img src="../img/milk.jpg" alt="" />
            <span
              ><b>纯牛奶</b><b>热卖价<i>25.9元</i></b></span
            >
          </a>
        </div>
        <div class="must-bot">
          <a href="#"
            >天天砸蛋抢红包，抢超值好货！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a
          >
        </div>
      </div>
      <div class="bottom">
        ————我是有底线的————
      </div>
    </section>
    <!-- 尾部 -->
    <footer>
      <ul>
          <li><a href="首页.html"><i class="iconfont" style=" color: #29a1f7;">&#xe614;</i><span style=" color: #29a1f7;">首页</span></a>
            </li>
            <li><a href="财富.html"><i class="iconfont">&#xe604;</i><span>财富</span></a></li>
            <li><a href=""><i class="iconfont">&#xe630;</i><span>口碑</span></a></li>
            <li><a href="朋友.html"><i class="iconfont">&#xe61a;</i><span>朋友</span></a></li>
            <li><a href="我的.html"><i class="iconfont">&#xe690;</i><span>我的</span></a></li>
        </ul>
        </footer>
</body>

</html>